view,
text {
	box-sizing: border-box;
}

@font-face {
	/* font-family: 'alifontBold';
	src: url('@/static/font/AlimamaShuHeiTi-Bold.otf'); */
}

.tl {
	text-align: left;
}

.tc {
	text-align: center;
}

.tr {
	text-align: right;
}

.float-l {
	float: left;
}

.float-r {
	float: right;
}

image {
	display: block;
}

.ml5 {
	margin-left: 5rpx;
}

.ml8 {
	margin-left: 8rpx;
}

.ml10 {
	margin-left: 10rpx;
}

.ml12 {
	margin-left: 12rpx;
}

.ml16 {
	margin-left: 16rpx;
}

.ml18 {
	margin-left: 18rpx;
}

.ml20 {
	margin-left: 20rpx;
}

.ml24 {
	margin-left: 24rpx;
}

.ml28 {
	margin-left: 28rpx;
}

.mb5 {
	margin-bottom: 5rpx;
}

.mb8 {
	margin-bottom: 8rpx;
}

.mb10 {
	margin-bottom: 10rpx;
}

.mb16 {
	margin-bottom: 16rpx;
}

.mb20 {
	margin-bottom: 20rpx;
}

.mb24 {
	margin-bottom: 24rpx;
}

.mb26 {
	margin-bottom: 26rpx;
}

.mb30 {
	margin-bottom: 30rpx;
}

.mb36 {
	margin-bottom: 36rpx;
}

.mb40 {
	margin-bottom: 40rpx;
}

.mb48 {
	margin-bottom: 48rpx;
}

.mb50 {
	margin-bottom: 50rpx;
}

.mr5 {
	margin-right: 5rpx;
}

.mr8 {
	margin-right: 8rpx;
}

.mr10 {
	margin-right: 10rpx;
}

.mr16 {
	margin-right: 16rpx;
}

.mr20 {
	margin-right: 20rpx;
}

.mr24 {
	margin-right: 24rpx;
}

.mr40 {
	margin-right: 40rpx;
}

.mt5 {
	margin-top: 5rpx;
}

.mt8 {
	margin-top: 8rpx;
}

.pt10 {
	padding-top: 10rpx;
}

.pt16 {
	padding-top: 16rpx;
}

.pt30 {
	padding-top: 30rpx;
}

.pt32 {
	padding-top: 32rpx;
}

.pb10 {
	padding-bottom: 10rpx;
}

.pb16 {
	padding-bottom: 16rpx;
}

.pb24 {
	padding-bottom: 24rpx;
}

.pb30 {
	padding-bottom: 30rpx;
}

.pb32 {
	padding-bottom: 32rpx;
}

.pb48 {
	padding-bottom: 48rpx;
}

.mt10 {
	margin-top: 10rpx;
}

.mt14 {
	margin-top: 14rpx;
}

.mt16 {
	margin-top: 16rpx;
}

.mt18 {
	margin-top: 18rpx;
}

.mt20 {
	margin-top: 20rpx;
}

.mt24 {
	margin-top: 24rpx;
}

.mt26 {
	margin-top: 26rpx;
}

.mt32 {
	margin-top: 32rpx;
}

.mt40 {
	margin-top: 40rpx;
}

.mt48 {
	margin-top: 48rpx;
}

.fs20 {
	font-size: 20rpx
}

.fs22 {
	font-size: 22rpx
}

.fs24 {
	font-size: 24rpx
}

.fs26 {
	font-size: 26rpx
}

.fs28 {
	font-size: 28rpx
}

.fs30 {
	font-size: 30rpx
}

.fs32 {
	font-size: 32rpx
}

.fs36 {
	font-size: 36rpx
}

.fs40 {
	font-size: 40rpx
}

.fs44 {
	font-size: 44rpx
}

.fs48 {
	font-size: 48rpx
}

.fs68 {
	font-size: 68rpx
}

.lh24 {
	line-height: 24rpx;
}

.lh28 {
	line-height: 28rpx;
}

.lh34 {
	line-height: 34rpx;
}

.lh36 {
	line-height: 36rpx;
}

.lh42 {
	line-height: 42rpx;
}

.lh44 {
	line-height: 44rpx;
}

.lh48 {
	line-height: 48rpx;
}

.bold {
	font-weight: bold;
}

.bold500 {
	font-weight: 500;
}

.bold600 {
	font-weight: 600;
}

.round {
	border-radius: 500rpx;
}

.round16 {
	border-radius: 16rpx;
}

.round20 {
	border-radius: 20rpx;
}

.colorfff {
	color: #fff;
}

.color666 {
	color: #666;
}

.bg-white {
	background: #fff;
}

.txt-cut {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	word-break: break-all;
}

.one-txt-cut {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	word-break: break-all;
}


button {
	border: none;
	border-radius: 0;
	background-color: transparent;
	padding: 0;
	margin-left: 0;
}

button::after {
	border: none;
}

.pos-r {
	position: relative;
}

.pos-a {
	position: absolute;
}

.text-b-line {
	text-decoration-line: underline;
}